*{ margin: 0; padding: 0; list-style: none; } img{ border: none; } table { border-collapse: collapse; border-spacing: 0; background: #fff;} th,td { margin:0; padding:0; } table tr td{border: 1px solid #949494;height:50px; text-align: center; font-size: 16px; padding: 10px;} body{ min-width: 1250px; margin: auto; padding: 0px; font-family:"Microsoft YaHei"; } /*------------单行省略------------*/ .ellipsis1{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } /*------------多行省略------------*/ .ellipsis{ text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 2; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ } .ellipsis3{ text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 3; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ } .ellipsis4{ text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 8; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ } .ellipsis5{ text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 5; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ } .ellipsis7{ text-overflow: ellipsis; /* display: -webkit-box; *//** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 7; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ } .btn_c:hover{ animation:1s linear 0s normal none 1 running su-pudding; transition: all 0.5s ease 0s; } .fang_img{ -webkit-transform: scale(1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 1183ms; -moz-transform: scale(1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 1183ms; } .fang_img:hover{ -webkit-transform: scale(1.4); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 1183ms; -moz-transform: scale(1.4); -moz-transition-timing-function: ease-out; -moz-transition-duration: 1183ms; } @keyframes su-pudding { 0% { transform: scale(1.2, 0.8); } 1% { transform: scale(1.18, 0.82); } 2% { transform: scale(1.16, 0.84); } 3% { transform: scale(1.13, 0.87); } 4% { transform: scale(1.1, 0.9); } 5% { transform: scale(1.07, 0.93); } 6% { transform: scale(1.04, 0.96); } 7% { transform: scale(1.01, 0.99); } 8% { transform: scale(0.99, 1.01); } 9% { transform: scale(0.97, 1.03); } 10% { transform: scale(0.95, 1.05); } 11% { transform: scale(0.94, 1.06); } 12% { transform: scale(0.93, 1.07); } 13% { transform: scale(0.93, 1.07); } 14% { transform: scale(0.93, 1.07); } 15% { transform: scale(0.93, 1.07); } 16% { transform: scale(0.94, 1.06); } 17% { transform: scale(0.94, 1.06); } 18% { transform: scale(0.95, 1.05); } 19% { transform: scale(0.96, 1.04); } 20% { transform: scale(0.98, 1.02); } 21% { transform: scale(0.99, 1.01); } 22% { transform: scale(1, 1); } 23% { transform: scale(1, 1); } 24% { transform: scale(1.01, 0.99); } 25% { transform: scale(1.02, 0.98); } 26% { transform: scale(1.02, 0.98); } 27% { transform: scale(1.02, 0.98); } 28% { transform: scale(1.03, 0.97); } 29% { transform: scale(1.03, 0.97); } 30% { transform: scale(1.02, 0.98); } 31% { transform: scale(1.02, 0.98); } 32% { transform: scale(1.02, 0.98); } 33% { transform: scale(1.02, 0.98); } 34% { transform: scale(1.01, 0.99); } 35% { transform: scale(1.01, 0.99); } 36% { transform: scale(1.01, 0.99); } 37% { transform: scale(1, 1); } 38% { transform: scale(1, 1); } 39% { transform: scale(1, 1); } 40% { transform: scale(0.99, 1.01); } 41% { transform: scale(0.99, 1.01); } 42% { transform: scale(0.99, 1.01); } 43% { transform: scale(0.99, 1.01); } 44% { transform: scale(0.99, 1.01); } 45% { transform: scale(0.99, 1.01); } 46% { transform: scale(0.99, 1.01); } 47% { transform: scale(0.99, 1.01); } 48% { transform: scale(0.99, 1.01); } 49% { transform: scale(1, 1); } } @charset "utf-8"; html{_background:url(about:blank);} *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} a{color:#000;text-decoration:none} a:hover{color:#F60!important;text-decoration:none} body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} /* jump */ #jump{position:fixed;top:300px;right:30px;width:40px;z-index:400;} *html #jump{position:absolute;top:expression(documentElement.scrollTop + "px");margin:300px 0 0 0;} #jump li{height:50px;overflow:hidden;} #top,#share,#reply,#sina,#ceping,#weixin{display:block;width:40px;height:42px;overflow:hidden;cursor:pointer;} #top{background:url(../images/top.png) no-repeat;} #share{background:url(../images/share.png) no-repeat;} #reply{background:url(../images/reply.png) no-repeat;} #sina{background:url(../images/sina.png) no-repeat;} #weixin{background:url(../images/weixin.png) no-repeat;} #top:hover{background:url(../images/toped.png) no-repeat;} #share:hover{background:url(../images/shared.png) no-repeat;} #reply:hover{background:url(../images/replyed.png) no-repeat;} #sina:hover{background:url(../images/sinad.png) no-repeat;} #weixin:hover{background:url(../images/weixind.png) no-repeat;} #ceping{background:url(../images/ceping.png) no-repeat;} #ceping:hover{background:url(../images/cepinged.png) no-repeat;} #EWM{position:absolute;left:-150px;display:none;} #EWM img{width:150px;height:150px;} #EWM1{position:absolute;left:-150px;display:none;} #EWM1 img{width:150px;height:150px;}